<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
    <title>邀您入驻角色地图</title>
    <link rel="stylesheet" href="./style/reset.css">
    <link rel="stylesheet" href="./style/invitation.css">
    <script src="https://res.wx.qq.com/open/js/jweixin-1.4.0.js"></script>
    <script src="./js/WxConfig.js"></script>
    <script src="./js/link.js"></script>
    <script src="./js/axios.min.js"></script>
    <script src="./js/vue.js"></script>
    <script src="./js/invitation.js"></script>
    <script src="./utils/index.js"></script>
<style>
</style>
</head>
<body>
    <div id="vm">
        <div class="box">
            <div class="header">
                <div class="logo-box">
                    <img src="./img/logo.png" alt="">
                    <div class="logo">
                        <p class="title">下载角色地图APP</p>
                        <p>一起学习进步吧</p>
                    </div>
                </div>
                <div class="download" id="t-button">立即下载</div>
            </div>
            <div class="main">
                <div class="invitation-bg">
                    <div class="bg-top">
                        <img :src="avatar" alt="">
                        <p><span class="user-name">{{ userName }}</span>邀请你一起来「角色地图」</p>
                    </div>
                    <img src="./img/invitation.png" alt="">
                </div>
                <div class="form">
                    <div class="email">
                        <input v-model="email" type="text" placeholder="请输入邮箱" />
                    </div>
                    <div class="code">
                        <input v-model="code" type="text" placeholder="请输入验证码" />
                        <button :class="time ? 'disbled' : ''" :disabled="!!time" @click="checkEmail">
                            发送验证邮件{{ time ? `(${time}s)` : '' }}
                        </button>
                    </div>
                    <div @click="checkCode" :class="['submit', loading ? 'disbled' : '']">立即注册</div>
                </div>
            </div>
            <div class="dialog" v-if="show">
                <div class="content">
                    <div class="text">注册成功，初始密码已发送到注册邮箱，请查收</div>
                    <div class="dialog-button" @click="onConfirm">确定</div>
                </div>
            </div>
        </div>
    </div>
</body>
</html>